html,body{
margin:0;
padding:0;
color:#572f08;
background:url(../images/big_fond.jpg) repeat-y left top;
}

body{
font: arial,sans-serif;
text-align:center
}

p{
margin:0 10px 10px
}

a{
padding:5px; 
text-decoration:none; 
color:#000000;
}

div#header{
background-repeat: no-repeat;
background:url(../images/banniere.png);
}

div#header h1{
height:80px;
line-height:80px;
margin:0;
padding-left:10px;
}

div#container{
text-align:left;
}

div#content p{
line-height:1.4;
}

div#navigation{
background:#F6F0E0;
}

div#navigation ul{
margin:15px 0; 
padding:0; 
list-style-type:none;
}

div#navigation li{
margin-bottom:5px;
}

div#extra{
background:#CCC8B3;
}

div#footer{
padding-top:50px;
/*background:#BFBD93;*/
}

div#footer p{
margin:0;
/*padding:5px 10px;*/
text-align:center;
}

div#container{
background: url(../images/fond_contenu.png) repeat-x left top;
width:1000px;
margin:0 auto;
}

div#content{
margin-top: 20px;
float:right;
width:740px;
}

div#navigation{
float:left;
width:250px;
}

div#extra{
float:left;
clear:left;
width:250px;
}

div#footer{
clear:both;
width:100%;
}

table{
border-collapse: collapse; 
}

#agenda td{
width: 125px;
border:1px black solid;
}

#agenda th{
width: 70px;
text-align: center;
}

#content span { 
 display:table-cell;
 width:110px;
}

#content i{
text-decoration:underline;
}

#tableau th{
width: 150px;
text-align: center;
border:1px black solid;
}

#tableau td{
text-align: center;
border:1px black solid;
}

#tableau .invisible{
width: 0px;
visibility:hidden;
border: 0px;
}

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; color:red; float: left;}

div#nav {position:relative; z-index:2; width:1000px; height:38px; background:url(../images/nav.png);}
div#nav ul {float:left; list-style:none;}
div#nav li {float:left;}
div#nav li a {display:block; margin:0; padding:11px 16px 10px 16px; color:#572F08; text-decoration:none; font:bold 12px Verdana, sans-serif;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:20em;}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}
.sf-menu li ul {border:1px solid #d0d950;border-top:none;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.sf-menu li li ul, .sf-menu li li li ul {border:1px solid #d0d950;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
.bigwidget{width: 250px; padding: 10px;}
.widget {width:200px;border:1px solid #ccc; padding:5px 10px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px;}
div.widget h4 {border-bottom:1px dotted #ccc; font:bold 120% Verdana, sans-serif;}

div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}
div.widget h3{color:#444;}
div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget h4 .hide_widget {color:#572F08;font: bold 110% Verdana, sans-serif;}
div.widget a:hover {color:#572F08; text-decoration:underline;}
div.widget ul {list-style-type:none;margin-left: -30px;}
div.widget li {padding:0 0 0 0px; margin:0; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font: italic 120% Verdana, sans-serif !important;}
.textwidget p {margin: 0; padding: 0;}
